import React from 'react';
import ReactDOM from 'react-dom';

function Button(props){
  console.log(props)
  // props 的children属性对应的 是 组件包含的那部分结构
  // children 字符串 对象(虚拟DOM) 数组  undefined 
  return <>
    <button>{props.children||"默认值"}</button>
  </>
}

class App extends React.Component {
    click = ()=>{
      console.log("点解了")
    }
    render() {
        return <div className=''>
          <Button type='primary' onClick={this.click}>
            你好
            <i>哈哈</i>
          </Button>
        </div>;
    }
}

ReactDOM.render(<App/>,document.getElementById('root'))